<template>
<view>
    <view class="content-view" style="display: none;">
      <!-- <uni-search-bar class='searchInput' @confirm="search" @input="input" ></uni-search-bar> -->
      <uni-easyinput class='searchInput' trim="true" prefixIcon="search" v-model="value" placeholder="请输入内容" @iconClick="onClick"></uni-easyinput>
    </view>

    <view class="content-view" style="height:30px;display: none;">
      <uni-collapse>
        <uni-collapse-item title="筛选" :open="false">
          <text>折叠内容</text>
        </uni-collapse-item>
      </uni-collapse>
    </view>

    <view class="content-view" style="display: none;">
      <uni-easyinput  class='searchInput' trim="true" prefixIcon="search" v-model="value" placeholder="请输入内容" @iconClick="onClick"></uni-easyinput>
    </view>
	
	<view class="content-view" style="display: none;">
		<uni-card>
		    <text>这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
		</uni-card>
		<uni-card>
		    <text>这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
		</uni-card>
		<uni-card>
		    <text>这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
		</uni-card>
		<uni-card>
		    <text>这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
		</uni-card>
	</view>
	
	<view class="content-view" style="display: none;">
		<uni-table border stripe emptyText="暂无更多数据" >
		    <!-- 表头行 -->
		    <uni-tr>
		        <uni-th align="center" width='33.33%'>日期</uni-th>
		        <uni-th align="center">姓名</uni-th>
		        <uni-th align="center">地址</uni-th>
		    </uni-tr>
		    <!-- 表格数据行 -->
		    <uni-tr>
		        <uni-td>2020-10-20</uni-td>
		        <uni-td>Jeson</uni-td>
		        <uni-td>北京市海淀区</uni-td>
		    </uni-tr>
			<uni-tr>
			    <uni-td>2020-10-20</uni-td>
			    <uni-td>Jeson</uni-td>
			    <uni-td>北京市海淀区</uni-td>
			</uni-tr>
			<uni-tr>
			    <uni-td>2020-10-20</uni-td>
			    <uni-td>Jeson</uni-td>
			    <uni-td>北京市海淀区</uni-td>
			</uni-tr>
		</uni-table>
	</view>
	
	 <view class="content-view">
	        <uni-segmented-control inverted='true' :current="current" :values="items" @clickItem="onClickItem" styleType="button"></uni-segmented-control>
	        <view class="content">
	            <view v-show="current === 0">
	                选项卡1的内容
	            </view>
	            <view v-show="current === 1">
	                选项卡2的内容
	            </view>
	            <view v-show="current === 2">
	                选项卡3的内容
	            </view>
	        </view>
	    </view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0,
				items:['进行中', '已完成'],
			}
		},
		onLoad() {
		 this.getLocation();
		},
		methods: {
			getLocation(){
      uni.getLocation({
        success: (res) => {
          console.log('坐标系',res);
        },
        fail: (error) => {
          console.log('error',error);
        }
      })
      },
		}
	}
</script>
